@color: #fff;
@bg: #0850bc;
@current: #0747a6;
@text-color: #c70000;
@h: .598958rem;
@topcolor: .09375rem;
@wt: .921875rem;

.w {
    width: 6.458333rem;
    margin: 0 auto;
}

header {
    width: 100%;
    height: @h;
    background-color: #fff;

    .head-top {
        height: @h;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        p {
            display: flex;
            align-items: center;
        img {
            width: 2.635417rem;
            height: .390625rem;
            display: block;
        }
        span {
            position: absolute;
            left:2.708333rem;
            top:.260417rem;
           display: block;
           width: auto;
           height: .208333rem;
           border-left: .010417rem solid #0850BC;
           font-size: .15625rem;
           color: #0747A6;
           font-weight: bold;
           padding-left: .119792rem;
           box-sizing: border-box;
        }
    }

        h1 {
            font-size: .166667rem;
            color: @text-color;
            font-weight: bold;
        }
    }
}

nav {
    width: 100%;
    height: .364583rem;
    background-color: @bg;
    position: sticky;
    top: 0;
    z-index: 20;

    .nav-w {
        height: .364583rem;

        .nav-text {
            width: 100%;
            height: 100%;
            display: flex;

            li {
                width: @wt;
                height: 100%;
                font-size: @topcolor;
                text-align: center;
                line-height: .364583rem;
                position: relative;
                z-index: 10;

                a {
                    color: @color;
                }

                .item {
                    display: none;
                    width: @wt;
                    height: auto;
                    border: 1px solid @color;
                    position: absolute;

                    li {
                        width: @wt;
                        height: .203125rem;
                        font-size: .078125rem;
                        background-color: @bg;
                        font-weight: normal;
                        line-height: .203125rem;
                        border-bottom: .005208rem solid @color;

                        &:hover {
                            background-color: @current;
                        }
                    }
                    li.current {
                        background-color: @current;
                    }
                }
            }

            li:hover {
                background-color: @current;
            }

            li:hover .item {
                display: block;
            }

            li.current {
                background-color: @current;
            }
        }
    }
}

footer {
    width: 100%;
    height: 1.671875rem;
    background-color: @bg;
    .footer-w {
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        img {
            width: .859375rem;
            height: .645833rem;
        }
        .footer-center {
            width: auto;
            height: .817708rem;
            border-left: .005208rem solid #fff;
            padding-left: .286458rem;
            box-sizing: border-box;
            p {
                margin-bottom: .088542rem;
                span {
                    font-size: .104167rem;
                    color: @color;
                    margin-right: .229167rem;
                }
                a {
                    font-size: .083333rem;
                    color:@color;
                    margin-right: .208333rem;
                }
            }
            h3 {
                font-size: .234375rem;
                color: #fff;
                margin-bottom: .046875rem;
            }
            .ps {
                font-size: 14px;
                color: #fff;
            }
        }
        .img {
            width: .713542rem;
            height: .78125rem;
            text-align: center;
            font-size: .072917rem;
            color: #fff;
            img {
                width: .713542rem;
                height: .713542rem;
            }
        }
    }
}